<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>姓名案例插值语法实现</title>
  <!-- 引入Vue -->
  <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
  <div id="root">
    姓：<input type="text" v-model="firstName"/><br/>
    名：<input type="text" v-model="lastName"/><br/>
    全名：{{firstName.slice(0,3)}}-{{lastName}}
  </div>
</body>
<script type="text/javascript">
  var vm =new Vue({
    el:'#root',
    data:{
      firstName:'张',
      lastName:'三'
    }
  })
</script>
</html>